.subitem {
    margin: 0 20px;
    //标题
    .m-header {
      line-height: 60px;
      font-family: "Microsoft YaHei";
      overflow: hidden;
      div {
        float: left;
      }
      .bq-back {
        float: right;
        color: #333;
        cursor: pointer;
      }
    }
    .parent-detail {
      height: 166px;
      background: #fff;
      border-radius: 6px;
      -webkit-box-shadow: 4px 4px 3px 0px #e3e4e6;
      box-shadow: 4px 4px 3px 0px #e3e4e6;
      padding-top: 12px;
      width: calc(100% - 40px);
      margin-left: 20px;
      // margin-top: 10px;
      .parent-name {
        font-size: 18px;
        font-family: Microsoft YaHei UI;
        font-weight: bold;
        color: #347165;
        margin: 0px 16px;
      }
      .parent-msg {
        // display: flex;
        margin: 8px auto;
        width: 94%;
        overflow: hidden;
        div {
          width: 50%;
          float: left;
          font-size: 12px;
          font-weight: 400;
          line-height: 26px;
          color: #4d4f5c;
          .p-title {
            width: 130px;
            text-align: right;
            font-size: 14px;
            display: inline-block;
            font-family: Microsoft YaHei UI;
            font-weight: bold;
            line-height: 18px;
            color: #4d4f5c;
            margin: 6px 20px;
          }
        }
        .parent-szd {
          width: 100%;
        }
      }
    }
    .list-box {
      background: #fff;
      padding-bottom: 24px;
      line-height: 30px;
      border-radius: 6px;
      -webkit-box-shadow: 4px 4px 3px 0px #e3e4e6;
      box-shadow: 4px 4px 3px 0px #e3e4e6;
      padding-top: 12px;
      width: calc(100% - 40px);
      margin-left: 20px;
      margin-top: 10px;
  
      .bq-all {
        width: 98%;
        margin: auto;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid rgba(208, 222, 219, 1);
        position: relative;
        .xian {
          width: 3px;
          height: 16px;
          background: #1ab394;
          display: inline-block;
          position: relative;
          top: 1px;
          margin-left: 10px;
          margin-right: 8px;
        }
        .m-add {
          float: right;
          background-color: #357165;
          border: 1px solid #357165;
          border-radius: 4px;
          top: 0px;
          right: 130px;
          color: #fff;
          width: 120px;
          height: 32px;
          line-height: 32px;
          cursor: pointer;
        }
      }
      .s-serch {
        // width: 70%;
        margin: 30px 20px;
        overflow: hidden;
        // display: flex;
        position: relative;
        .select {
          float: left;
          // width: 35%;
          margin-left: 20px;
          margin-right: 40px;
          // flex: 1;
          .el-input {
            width: 200px;
          }
          .el-date-editor--datetimerange.el-input__inner {
            width: 360px;
          }
           .el-range-input {
            width: 50%;
          }
        }
        .sousuo {
          float: left;
          background-color: #357165;
          border: 1px solid #357165;
          // border: 1px solid #1ab394;
          border-radius: 4px;
          margin-right: 4%;
          margin-top: 5px;
          width: 30px;
          height: 30px;
          text-align: center;
          position: relative;
          svg {
            width: 18px;
            height: 18px;
            margin-top: 8px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            fill: #fff;
            cursor: pointer;
          }
        }
      }
      .ul-box {
        width: 96%;
        // height: 340px;
        max-height: 600px;
        margin: 0 auto;
        // border-bottom: 1px solid #edeff2;
        // background: url("../../assets//images/ul-bg.gif");
        // #list{
        //   // background: url("../../assets/images/ul-bg.gif");
        //   height: 306px;
        // }
        .ul {
          height: 34px;
          display: flex;
          // background: #fff;
          text-align: center;
          .li {
            line-height: 35px;
            font-size: 12px;
            color: #888;
            width: 20%;
            margin-right: 2px;
            // text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            img {
              cursor: pointer;
              width: 16px;
              height: 16px;
              margin-left: 8px;
              margin-top: 8px;
            }
          }
        }
        .ul:nth-child(even) {
          background: rgb(245, 245, 245);
        }
        .ul:hover{
          background-color: #c3d8da;
        }
        .top {
          border-bottom: 1px solid rgb(245, 245, 245);
          height: 32px;
          display: flex;
          background: #fff;
          text-align: center;
          .li {
            font-size: 14px;
            color: #40434a;
            // font-weight: bold;
            width: 20%;
            margin-right: 2px;
            // text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
        .s-tip{
         
          width:100%;
          height: 60px;
          line-height: 60px;
          color: #707070;
          background-color: #fff;
          margin: 0 auto;
          text-align: center;
        }
      }
      .s-page {
        width: 94%;
        margin: 10px auto;
        text-align: right;
      }
    }
    //新增弹出框
    //修改弹出框
    .alterbox {
      width: 100%;
      height: 100%;
      background-color: rgba(207, 207, 207, 0.6);
      position: fixed;
      top: 0;
      left: 0;
      // display: none;
      .mainalter-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 370px;
        background-color: #fff;
        .mainalter-box-body {
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          background: #fff;
          padding: 20px;
          .mainalter-box-bodybox {
            width: 100%;
            .bq-all {
              width: 100%;
              height: 34px;
              line-height: 34px;
              font-size: 16px;
              font-weight: bold;
              color: #333;
              border-bottom: 2px solid #f2f2f2;
              position: relative;
              .xian {
                width: 3px;
                height: 16px;
                background: #1ab394;
                display: inline-block;
                position: relative;
                top: 1px;
                margin-left: 10px;
                margin-right: 8px;
              }
              .cha {
                height: 20px;
                width: 20px;
                cursor: pointer;
                position: absolute;
                top: 5px;
                right: 10px;
                background: url("../../assets/images/ckls17.png") no-repeat;
              }
            }
            .mainalter-box-inputbox {
              color: #707070;
              // margin-right: 52px;
              margin-top: 10px;
              width: 50%;
              float: left;
              span {
                // width: 30%;
                display: block;
                margin-left: 10px;
                i{
                  font-size:14px;
                  color:#F56C6C;
                  margin-right:4px;
                }
              }
              input {
                width: 90%;
                //   margin-left: 20px;
                height: 32px;
                margin-top: 4px;
                border-radius: 4px;
                border: 1px solid #ccc;
                background: #fff;
                padding-left: 12px;
                margin-left: 10px;
              }
              select {
                //   margin-left: 20px;
                width: 45%;
                height: 34px;
                margin-top: 4px;
                border-radius: 4px;
                border: 1px solid #ccc;
                background: #fff;
                padding-left: 12px;
              }
            }
          }
        }
        .mainalter-box-button {
          padding-top: 24px;
          display: flex;
          padding-bottom: 24px;
          justify-content: center;
          // border-top: 2px solid rgb(239, 240, 245);
          background: #fff;
          button {
            width: 120px;
            height: 32px;
            text-align: center;
            line-height: 34px;
            border-radius: 4px;
            cursor: pointer;
          }
          .bc {
            border: 1px solid #357165;
            color: #357165;
            margin-right: 24px;
            background: #fff;
          }
          .tj {
            border: 1px solid #357165;
            color: #fff;
            background: #357165;
            margin-right: 24px;
          }
        }
      }
    }
    //删除弹出框
    .delbox {
      width: 100%;
      height: 100%;
      background-color: rgba(184, 184, 184, 0.6);
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      .mdel {
        width: 400px;
        height: 250px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        .bq-all {
          width: 100%;
          height: 34px;
          line-height: 34px;
          font-size: 16px;
          font-weight: bold;
          color: #333;
          border-bottom: 2px solid #f2f2f2;
          position: relative;
          .xian {
            width: 3px;
            height: 16px;
            background: #1ab394;
            display: inline-block;
            position: relative;
            top: 1px;
            margin-left: 10px;
            margin-right: 8px;
          }
          .cha {
            cursor: pointer;
            height: 20px;
            width: 20px;
            position: absolute;
            top: 5px;
            right: 10px;
            background: url("../../assets/images/ckls17.png") no-repeat;
          }
        }
        .mdel-body {
          line-height: 150px;
          color: #333;
          text-align: center;
        }
        .mdel-button {
          padding-top: 24px;
          display: flex;
          padding-bottom: 24px;
          justify-content: center;
          // border-top: 2px solid rgb(239, 240, 245);
          background: #fff;
          button {
            width: 120px;
            height: 32px;
            text-align: center;
            border-radius: 4px;
            line-height: 34px;
            cursor: pointer;
          }
          .bc {
            border: 1px solid #357165;
            color: #357165;
            margin-right: 24px;
            background: #fff;
          }
          .tj {
            border: 1px solid #357165;
            color: #fff;
            background: #357165;
            margin-right: 24px;
          }
        }
      }
    }
  }